Changing Cursor on Image Hover using JavaScript

The event captured in this case is “onMouseOver” and “onMouseOut” .

The cursor can be changed with the following script:

onmouseover=”this.style.cursor = ‘hand’;”
onmouseout=”this.style.cursor = ‘auto’;”

 Example:

imageLinkForDemo.Attributes.Add(“onMouseOver”, “this.style.cursor=’hand'”);

Now whenever a user hovers on the image, the mouse cursor changes to a hand image.

~ by Neha Sinha on January 30, 2008.